<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />
	<script>
		$(document).ready(
		   function(){
			   $(".rtitle").hover(function(){
				   $(this).css("background","#544198");
			   });
			   $(".rtitle").mouseleave(function(){
				   $(this).css("background","#FF00FF");
			   });
		   }
		);
	</script>
	<style>
	.right_content .element {
	width: 100%;
	height: 170px;
}

.right_content .element .rtitle {
	background: none repeat scroll 0 0 #FF00FF;
	border-radius: 18px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	height: 20%;
	padding-top: 9px;
	text-align: center;
	width: 100%;
}

.right_content .element .rcontent {
	font-size: 14px;
	height: 78%;
	padding: 3%;
	width: 98%;
}
</style>
	
</h:head>

<h:body>
	<div class="element">
						<h:outputLink style="text-decoration: none !important"
							value="register.xhtml">
							<div class="rtitle">
								<h:outputText value="#{msg['welcome_label_sign_up']}"/>
							</div>
						</h:outputLink>
						<div class="rcontent">
							<h:outputText value="#{msg['welcome_content_package']}"/>
						</div>
					</div>
					<div class="element">
						<h:outputLink style="text-decoration: none !important"
							value="recharge_home.xhtml">
							<div class="rtitle">
								<h:outputText value="#{msg['welcome_label_recharge']}"/>
							</div>
						</h:outputLink>
						<div class="rcontent">
							<h:outputText value="#{msg['welcome_content_recharge']}"/>
						</div>
					</div>
					<div class="element">
						<h:outputLink style="text-decoration: none !important"
							value="dealer_home.xhtml">
							<div class="rtitle">
								<h:outputText value="#{msg['welcome_label_dealer']}"/>
							</div>
						</h:outputLink>
						<div class="rcontent">
							<h:outputText value="#{msg['welcome_content_dealer']}"/>
						</div>
					</div>
					
</h:body>
</html>